<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
  export default {
    name: 'app'
  }
</script>

<style lang="scss">
  @import "assets/css/global.css";
  @media only screen and (min-width: 1200px) {
    body,html {
      font-size: 30px;
    }
  }
  @media only screen and (max-width: 1200px) {
    body,html {
      font-size: 25px;
    }
  }
  @media only screen and (max-width: 992px) {
    body,html {
      font-size: 20px;
    }
  }
  @media only screen and (max-width: 768px) {
    body,html {
      font-size: 15px;
    }
  }
  @media only screen and (max-width: 576px) {
    body,html {
      font-size: 10px;
    }
  /*}*/
  /*@media only screen and (max-width: 400px) {*/
  /*  body,html {*/
  /*    font-size: 5px;*/
  /*  }*/
  }
</style>
